<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>百度注册页面</title>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <script type="text/javascript" src="js/check.js"></script>
</head>

<body>
  <div class="center"><img src="images/header1.jpg" /></div>
  <div class="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <form action="success.html" method="post" name="myform" onsubmit="return check()">
        <tr>
          <td class="left">用户名：</td>
          <td><input id="user" type="text" class="inputs" onblur="checkUser()" />
            <div id="userId" class="red"></div>
          </td>
          <td>
            <div id="user_prompt">输入4-12字符的由字母、数字和下划线组成的用户名</div>
          </td>
        </tr>
        <tr>
          <td class="left">密码：</td>
          <td><input id="pwd" type="password" class="inputs" onblur="checkPwd()" />
            <div id="pwdId" class="red"></div>
          </td>
          <td>
            <div id="pwd_prompt">密码由4-10位字符组成</div>
          </td>
        <tr>
          <td class="left">确认密码：</td>
          <td><input id="repwd" type="password" class="inputs" onblur="checkRepwd()" />
            <div id="repwdId" class="red"></div>
          </td>
          <td>
            <div id="repwd_prompt"></div>
          </td>
        </tr>
        <tr>
        <tr>
          <td class="left">性别：</td>
          <td>
            <div style="float:left;"><input name="sex" type="radio" value="男" />男 <input name="sex" type="radio"
                value="女" />女</div>
            <div id="sexId" class="red"></div>
          </td>
        </tr>
        <tr>
          <td class="left">电子邮件地址</td>
          <td><input id="email" type="text" class="inputs" onblur="checkEmail();" onclick="checkSex();" />
            <div id="emailId" class="red"></div>
          </td>
          <td>
            <div id="email_prompt"></div>
          </td>
        </tr>
        <tr>
          <td class="left">出生日期：</td>
          <td><select id="year" onblur="checkYear()">
              <script type="text/javascript">
                for (var i = 1900; i <= 2009; i++) {
                  document.write("<option value=" + i + ">" + i + "</option>");
                }
              </script>
            </select>年
            <select id="month" onblur="checkMonth()">
              <script type="text/javascript">
                for (var i = 1; i <= 12; i++) {
                  document.write("<option value=" + i + ">" + i + "</option>");
                }
              </script>
            </select>月
            <select id="day" onblur="checkDay()">
              <script type="text/javascript">
                for (var i = 1; i <= 31; i++) {
                  document.write("<option value=" + i + ">" + i + "</option>");
                }
              </script>
            </select>日</td>
          <td><span>你的生日为</span><span id="year_prompt"></span><span id="month_prompt"></span><span
              id="day_prompt"></span></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><input name="sub" type="submit" value="注册" /> <input name="cancel" type="reset" value="清除" /></td>
        </tr>
      </form>
    </table>
  </div>
</body>

</html>>